<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8" />
		<!--<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">-->
		<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
		<!--<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>-->
		<script>
			$(window).on("orientationchange", function() {
//				if(window.orientation == 0) // Portrait
//				{
//					alert("Portrait");
//				} else // Landscape
//				{
//					alert("Landscape");
//				}
console.log("屏幕方向发生变化");
			});
		</script>
	</head>

	<body>

		<div data-role="page">
			<div data-role="header">
				<h1>orientationchange 事件</h1>
			</div>

			<div data-role="content">
				<p>请试着旋转您的设备！</p>
				<p><b>注释：</b>您必须使用移动设备或者移动模拟器来查看该事件的效果。</p>
			</div>

			<div data-role="footer">
				<h1>页脚文本</h1>
			</div>
		</div>

	</body>

</html>